var OParent;

$(function () {
    $('.dsl').addClass('zhuliao-active');
    

    OParent = $('.selected-item-show');
    addChoseTab($('.dsl').attr('index'), $('.dsl').html());

    //选项卡操作：
    $('.tab').click(function () {
        $('.active').removeClass('active');
        $(this).addClass('active');
        clearnChoseAll();

        if ($(this).hasClass('bgbl')) {
            $('.dsl').addClass('zhuliao-active');
            addChoseTab($('.dsl').attr('index'), $('.dsl').html());
        }
    });

    //选择主料
    var selected_id = [];
    $('.zhuliao-item').click(function () {
        if (!$(this).hasClass('dsl')) {
            //取消之前的选择            
            if ($(this).hasClass('zhuliao-active')) {
                $(this).removeClass('zhuliao-active');
                var _id = $(this).attr('index');
                clearnChoseTab(_id);
            } else {
                $(this).addClass("zhuliao-active");
                var id = $(this).attr('index');
                var text = $(this).html();
                addChoseTab(id, text);
            }
        }


    });

    //辅料和工艺的选择
    $('.fl-gy-item').click(function () {
        if ($(this).hasClass('active-fl-gy')) {
            $(this).removeClass('active-fl-gy');
            var _id = $(this).attr('index');
            clearnChoseTab(_id);
        } else {
            $(this).addClass("active-fl-gy");
            var id = $(this).attr('index');
            var text = $(this).html();
            addChoseTab(id, text);
        }
    });




    //下一步，页面跳转
    $('.btn-info').click(function () {
        // window.location.href="./material_confirm.html";
        goNext();
    });

})

//选择添加
function addChoseTab(id, text) {
    var newElement = $('<span class="label label-default selected" id="' + id + '">' + text + '</span>');
    OParent.append(newElement);
}

//移除已经选择的tab
function clearnChoseTab(id) {
    $('#' + id).remove();
}

// 切换选项卡，所有选择清空
function clearnChoseAll() {
    //取消所有选项卡里的选中项
    $('.zhuliao-active').removeClass('zhuliao-active');
    $('.active-fl-gy').removeClass('active-fl-gy');
    //移除所有已经选择的物料和项目
    OParent.html('');
}

//下一步
function goNext() {
    //获取所有的选择项
    var choseList = [];
    $('.selected').each(function () {
        choseList.push($(this).text().trim());
    })
    window.location.href = "./material_confirm.html?choseList=" + choseList;
    // $.ajax({
    //     type: 'POST',
    //     url: 'http://localhost:8088//material_confirm.html',
    //     data: '',
    //     success: function(){},
    //     dataType: JSON
    //   });
}